.article-container {
	padding-bottom: 100rpx;
	
	.article-wrapper {
		padding: 25rpx;
	
		.article-title {
			font-size: 50rpx;
			font-weight: bold;
		}
	
		.article-header {
			@include flex();
			margin: 20rpx 0 30rpx;
	
			.avatar {
				width: 90rpx;
				height: 90rpx;
				border-radius: 50%;
			}
	
			.author-info {
				>text {
					font-size: 28rpx;
				}
	
				.article-info {
					font-size: 24rpx;
					color: #999;
	
					text {
						margin-right: 22rpx;
					}
				}
			}
	
			.follow-btn {
				margin: 0;
				padding: 0;
				flex: 0 0 144rpx;
				font-size: 26rpx;
				background-color: $base-color;
				color: #fff;
			}
		}
	}
	
	.article-comment .comment-header {
		font-weight: bold;
		padding: 20rpx;
		border-bottom: 1px solid #999;
		font-size: 36rpx;
	}
	
	.article-footer {
		background-color: #f6f6f6;
		padding: 18rpx 20rpx 24rpx;
		width: 100%;
		box-sizing: border-box;
		position: fixed;
		left: 0;
		bottom: 0;
		@include flex();
	
		.article-inp {
			flex: 0 0 55%;
			@include flex();
			color: #999;
			border: 1px solid #ccc;
			border-radius: 6rpx;
			padding: 10rpx 20rpx;
	
			text {
				font-size: 34rpx;
			}
		}
	}
}